<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<title>角色中心</title>
<head th:replace="system/inc/incHead :: incHead"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content no-padding">
    <div class="row no-padding no-margins">
        <div class="col-sm-3 no-padding no-margins">
            <div class="ibox no-margins">
                    <div th:if="${not #lists.isEmpty(systems)}" class="ibox-content" layoutH="38">
                        <div class="file-manager">
                            <h5>系统信息</h5>
                            <div class="hr-line-dashed"></div>
                            <ul class="folder-list" style="padding: 0">
                                <li class="p-xxs" th:each="item:${systems}">
                                    <a th:if="${sysSystem.id == item.id}" href="javascript:;"><i class="fa fa-cube"></i>
                                        <selection class="text-info">[[${item.systemSort}]]:[[${item.systemName}]]【[[${item.systemCode}]]】</selection>
                                    </a>
                                    <a th:if="${sysSystem.id != item.id}" th:href="@{/sys/group(systemId=${item.id})}"><i class="fa fa-cube"></i>
                                        <selection class="">[[${item.systemSort}]]:[[${item.systemName}]]【[[${item.systemCode}]]】</selection>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
            </div>
        </div>
        <div class="col-sm-9 no-margins">
            <div class="row no-padding no-margins">
                <div class="col-sm-12 no-padding no-margins">
                    <div class="ibox no-margins">
                        <div class="ibox-title no-borders">
                            <button class="btn btn-sm btn-info" type="button"
                                    th:ljUrl="@{/sys/group/add(pid=0,systemId=${sysSystem.id})}" title="添加角色"
                                    target="ljOpenCon">
                                <i class="fa fa-paste">添加角色</i>
                            </button>
                            <button class="btn btn-white btn-bitbucket btn-sm pull-right btnPageRefresh" type="button"><i
                                    class="fa fa-refresh">页面刷新</i></button>
                        </div>
                        <div class="ibox-content" style="padding:10px;" layoutH="65">
                            <table class="table table-striped table-bordered table-hover table-responsive lj-table-nowrap">
                                <thead>
                                <tr>
                                    <th style="width:60px;" class="text-center">角色编号</th>
                                    <th style="width:60px;" class="text-center">角色排序</th>
                                    <th style="width:200px;">角色名称</th>
                                    <th style="width:200px;">创建时间</th>
                                    <th style="width:200px;">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="warning" th:each="item:${groups}">
                                    <td class="text-center">[[${item.id}]]</td>
                                    <td class="text-center">[[${item.groupSort}]]</td>
                                    <td>[[${item.groupName}]]</td>
                                    <td>[[${@lj.date(item.createTime)}]]</td>
                                    <td class="p-xxs">
                                        <button class="btn btn-xs btn-success"
                                                th:ljUrl="@{/sys/group/edit(id=${item.id})}" title="角色编辑"
                                                target="ljOpenCon">
                                            <i class="fa fa-paste">角色编辑</i>
                                        </button>
                                        <button class="btn btn-xs btn-danger"
                                                th:ljUrl="@{/sys/group/del(id=${item.id})}" title="确认要删除该角色吗?"
                                                target="ljAjaxTodo">
                                            <i class="fa fa-minus-circle">删除角色</i>
                                        </button>
                                        <button class="btn btn-xs btn-primary" th:ljUrl="@{/sys/group/limit(id=${item.id})}" title="权限配置"
                                                target="ljOpenCon">
                                            <i class="fa fa-paste">权限配置</i>
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:replace="system/inc/incBottom :: incBottom"></div>
</body>
</html>
